{extend name='common/no_menu_base'/}
{block name='css'}
<link rel="stylesheet" href="/static/frontend/css/auth.min.css?v=0.0.1">
{/block}
{block name='content'}
<main class="main container">
    <div class="main-box d-flex bg-white m-b-30">
        <div class="main-box-left">
            <img class="main-box-left-img" src="/static/frontend/img/login_bg.jpg" alt="">
        </div>
        <div class="main-box-right bg-white">
            <div class="main-box-right-top">
                <div class="main-box-right-top-title">
                    登陆
                </div>
            </div>
            <div class="main-box-right-center">
                <div class="form-box">
                    <form class="layui-form" action="">
                        <div class="layui-form-item">
                            <label class="layui-form-label">手机号</label>
                            <div class="layui-input-block">
                                <input type="text" name="account" lay-verify="title" autocomplete="off"
                                       placeholder="" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">密码</label>
                            <div class="layui-input-block">
                                <input type="text" name="account" lay-verify="title" autocomplete="off"
                                       placeholder="" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">验证码</label>
                            <div class="layui-input-block input-captcha">
                                <input type="text" name="captcha" class="layui-input">
                                <img src="" class="layui-captcha" onclick="this.src='?'+Math.random();">
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-form-flexbox d-flex">
                                <div class="layui-form-flexbox-left d-flex">
                                    <a href="" class="layui-form-flexbox-left-text">忘记密码</a>
                                </div>
                                <div class="layui-form-flexbox-right">
                                        <span class="layui-form-flexbox-right-text">还没账号，<a href="{:url('auth_register')}"
                                                                                            class="text-orange">去注册</a></span>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <button class="layui-btn layui-btn-lg layui-btn-normal layui-btn-fluid">登陆</button>
                        </div>
                    </form>
                </div>

            </div>
        </div>
    </div>
    <div class="main-bottom">
        <span>傲杰笔记</span>
    </div>
</main>
{/block}
{block name='js'}
<script src="/static/frontend/js/index.js"></script>
{/block}
